<template>
  <el-timeline >
    <el-timeline-item placement="top"
							v-for="(activity, index) in info"
							:key="index"
							:icon="activity.icon"
							:type="activity.type"
							:color="activity.color"
							:size="activity.size"
							:hollow="activity.hollow"
							:timestamp="activity.timestamp"
							>
                <el-card>
                  <h4>{{activity.content}}</h4>
                  <p>{{activity.name}} 提交于 {{activity.timestamp}}</p>
                </el-card>
              </el-timeline-item>
    
    
  </el-timeline>
                          

</template>

<script>
const info = [
  {
    name:'汪燕',
    content: '变更了 研发需求 评估档案新增打印按钮',
    timestamp: '8月05日 12:49',
    size: 'large',
    color: '#0bbd87',

  },
  {
      name:'宋梦钰',
    content: '撤销评审 研发需求 评估档案新增打印按钮',
    timestamp: '8月05日 09:20',
    size: 'large',
    color: '#0bbd87',

  },
 
  {
      name:'成斯坤 ',
    content: '登录系统',
    timestamp: '8月05日 09:17',
    size: 'large',
    color: '#0bbd87',

  },{
      name:'汪燕',
    content: '撤销评审 研发需求 新增统计中心的设备告警统计 ',
    timestamp: '8月04日18:58',
    size: 'large',
    color: '#0bbd87',

  },{
      name:'汪燕',
    content: '撤销评审 研发需求 新增床位管理中的家床床位管理）',
    timestamp: '8月04日18:56',
    size: 'large',
    color: '#0bbd87',

  },{
      name:'汪燕',
    content: '评论了 研发需求 客户资询列表',
    timestamp: '2022-8-1',
    size: 'large',
    color: '#0bbd87',

  },{
      name:'汪燕',
    content: '汪燕 变更了 研发需求 新增统计中心的设备告警统计',
    timestamp: '2022-8-1',
    size: 'large',
    color: '#0bbd87',

  }]

  export default {
    data() {
      return {
        info
      };
    },
  }

</script>